<template>
	<sl-page title="提现结果">
		<view class="result">
			<!-- 页面头部 -->
			<view class="flex flex-x-center">
				<svg-icon id="checkoutResultPay" name="checkoutResultPay"></svg-icon>
			</view>
			<view class="flex flex-x-center flex-y-center m-b160">
				<text class="f-36">
					{{msg}}
				</text>
			</view>
			<view class="flex flex-dir-column m-b80">
				<view class="flex flex-x-between m-b40">
					<view class="f-w">
						收款账户
					</view>
					<view class="">
						<!-- 招商银行储蓄卡(7543) -->
						{{accountName}}
					</view>
				</view>
				<view class="flex flex-x-between">
					<view class="f-w">
						提现金额
					</view>
					<Money :priceValue="amount" :activeClass="['money-normal']"></Money>
				</view>
			</view>
			<view class="flex flex-x-center" @click="toTargetAccount">
				<view class="result-btn">
					返回
				</view>
			</view>
		</view>
	</sl-page>
</template>

<script>
	import * as Verify from '@/utils/verify';
	import AddressApi from '@/api/address/address.js';
	import Money from '@/pages/components/money/money.vue';
	import Constants from '@/constants';

	export default {
		//
		name: 'resultBankCards',
		//
		mixins: [Constants],
		//
		components: {
			Money
		},
		//
		data() {
			return {
				//
				options: {},
				msg: '',
				accountName: '',
				amount: '0'
			};
		},
		onLoad({
			msg,
			accountName,
			amount
		}) {
			this.msg = msg;
			this.accountName = accountName;
			this.amount = amount;

		},
		//
		methods: {
			toTargetAccount() {
				this.$app.navTo(this.pages.accountDistributionPage);
			},
		}
	};
</script>

<style lang="scss" scoped>
	.result {
		font-size: $uni-font-size-base;
		color: $uni-text-color-primary;
		padding: 0rpx 64rpx;

		.result-btn {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			color: $uni-text-color-inverse;
			width: 300rpx;
			height: 76rpx;
			font-weight: 500;
			background: linear-gradient(118.17deg, #FEA370 0%, #FE2406 95.01%);
			border-radius: 76px;
			margin-top: 174rpx;
		}
	}
</style>